<div class="content-wrapper" style="min-height: 976px;">

    <section class="content-header">
        <h1>
            全部社团
            <small>给的再多，不如懂你</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i>全部社团</a></li>
            <li><a href="#">首页</a></li>
            <!--<li class="active">Boxed</li>-->
        </ol>
    </section>

    <section class="content">
        <!--<div class="callout callout-info">-->
        <!--<h4>Tip!</h4>-->

        <!--<p>Add the layout-boxed class to the body tag to get this layout. The boxed layout is helpful when working on-->
        <!--large screens because it prevents the site from stretching very wide.</p>-->
        <!--</div>-->

        <!-- Default box -->
        <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">首页</h3>

                <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title=""
                            data-original-title="Collapse">
                        <i class="fa fa-minus"></i></button>
                    <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title=""
                            data-original-title="Remove">
                        <i class="fa fa-times"></i></button>
                </div>
            </div>
            <div class="box-body">

                <table class="table table-striped">
                    <tbody>
                    <tr>
                        <th style="width: 10px">#</th>
                        <th style="width: 160px">社团名称</th>
                        <th style="width: 160px;">社团介绍</th>
                        <th style="width: 160px">社团管理员</th>
                        <th style="width: 160px">社团创建时间</th>
                    </tr>

                    <tr ng-repeat="l in list">
                        <td>{{$index + 1}}</td>
                        <td><a ui-sref="index.associationInfo({uid: l.uid})">{{l.name}}</a></td>
                        <td>
                            {{l.description}}
                        </td>
                        <td>
                            {{l.chief.username}}
                        </td>
                        <td>
                            {{l.createTime | date:'yyyy-MM-dd HH:mm:ss'}}
                        </td>
                    </tr>
                    </tbody>
                </table>

                <div class="pager">
                    <my-pagination page-count="pageCount" current-page="currentPage" on-page-change="onPageChange()"
                                   first-text="首页" next-text="下一页" prev-text="上一页" last-text="尾页" show-goto="false"
                                   goto-text="跳转到"></my-pagination>
                </div>

            </div>
            <!-- /.box-body -->
            <!--<div class="box-footer">-->
            <!--Footer-->
            <!--</div>-->
            <!-- /.box-footer-->
        </div>
        <!-- /.box -->
    </section>
</div>